<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用Web标准设计页面</title>
		<!--使用CSS技术定义页面样式-->
		<style type="text/css">
			p{
				font-size: 36px;/*设置字号为36像素*/
				color:red;/*设置字体颜色为红色*/
				text-align:center;/*设置文本居中显示*/
			}
		</style>
		<!--使用JavaScript定义函数定义交互行为-->
			<script type="text/javascript">
             function myFunction()
               {
                document.getElementById("demo").innerHTML="My First JavaScript Function";
                 }
             </script>
	</head>
	<body>
		<!--使用HTML技术定义网页结构与内容-->
		<p id="demo">使用Web标准设计一个简单的网页</p>
		<!--单击按钮,按钮文本发生变化-->
		<button type="button" onclick="myFunction()" id="demo">Try it</button>
	</body>
</html>
